<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>购买某一个</title>
    <link rel="icon" href="../img/icon.png">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <script src="../js/jquery-3.3.1.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/index.js"></script>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/shop_item.css">
</head>
<body>
<!--顶部导航条-->
<div class="nav_bg">
<div class="container">
    <nav class="navbar navbar-expand-lg navbar-light">
        <a class="navbar-brand title_font" href="../index.html">
            <img src="../img/logo.png" alt="" width="300px">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav nav_light">
                <li class="nav-item">
                    <a class="nav-link" href="../index.html">首页 <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link" href="../html/main_shop.html">购买矿机</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="../html/help.html">帮助中心</a>
                </li>
            </ul>
        </div>
    </nav>
</div>
</div>
<!--顶部导航条结束-->

<!--中间内容开始-->
<div class="container">
    <div class="content ">
        <div class="row">
            <div class="col-lg-4">
                <img src="../img/shop/kuanji1.png" alt="" width="342px" height="320px" class="show_dig">
                <div class="row aaa">
                    <img src="../img/shop/kuanji1.png" alt="" width="78px" height="72px" style="margin-right: 10px">
                    <img src="../img/shop/kuanji2.png" alt="" width="78px" height="72px" style="margin-right: 10px">
                    <img src="../img/shop/kuanji3.png" alt="" width="78px" height="72px" style="margin-right: 10px">
                    <img src="../img/shop/kuanji4.png" alt="" width="78px" height="72px">
                </div>
            </div>
            <div class="col-lg-8">
                <div class="content_right">
                    <p class="title">以太坊矿机</p>
                    <p class="describe">专业以太币显卡矿机，支持ETH/ETC/ZEC/XMR多种挖矿</p>
                    <div>
                        <div class="describe_item">
                            <span class="price">总价：</span>
                            <span class="price2">￥2000.00</span>
                            <span class="price3">（0.071 ETC）</span>
                        </div>
                        <div class="describe_item2">
                            <span class="price">产品规格：</span>
                           <div class="show_card">
                               <div class="c">6显卡</div>
                               <div>8显卡</div>
                               <div>12显卡</div>
                           </div>
                        </div>
                        <div class="describe_item">
                            <span class="price">台数：</span>
                            <button class="subtract">-</button>
                            <input type="text" value="1" class="input_value" style="width:80px;height:40px;text-align: center">
                            <button class="add">+</button>
                        </div>
                        <button class="button">立即购买</button>
                    </div>
                </div>
            </div>

        </div>
        <div class="tab">
            <nav>
                <div class="nav nav-tabs" id="nav-tab" role="tablist">
                    <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">产品详情</a>
                    <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">规格参数</a>
                    <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">付款方式</a>
                    <a class="nav-item nav-link" id="nav-shop-tab" data-toggle="tab" href="#nav-shop" role="tab" aria-controls="nav-shop" aria-selected="false">售后政策</a>
                </div>
            </nav>
            <div class="tab-content" id="nav-tabContent">
                <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                    <div class="tab-content_title">
                        <div class="tab-content_title2">
                            项目介绍
                        </div>
                    </div>
                    <div class="tab-content_content">

                            <li>Nodever矿机拥有更低的成本,定制12卡主板兼顾更高的算力</li>
                            <li>单台服务器功率2000W</li>
                            <li>电价不高于0.27元/度</li>
                            <li>支持独立运行和集群管理,拥有通过手机和网页监控的更现代化的运维体系</li>
                            <li>支持远程配置参数、重启、关机</li>
                            <li> 支持故障报警，故障显卡定位，实现2-5分钟故障修复</li>

                    </div>
                </div>
                <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                    <div class="tab-content_title">
                        <div class="tab-content_title2">
                            规格参数
                        </div>
                    </div>
                    <div class="tab-content_content">
                        <p>额定算力&nbsp;&nbsp;ETH 370MH/s ±5％ ZEC 3400H/s XMR 8700H/S</p>
                        <p>墙上功耗&nbsp;&nbsp;1960W ±3％</p>
                        <p>电源效率&nbsp;&nbsp;2600瓦电源， 效率约93％</p>
                        <p>显卡数量&nbsp;&nbsp;RX 570*6/8/12</p>
                        <p>外形尺寸&nbsp;&nbsp;700毫米（L）*300毫米（W）*500毫米（H</p>
                        <p>CPU&nbsp;&nbsp;Inter(R) Celeron(R) CPU 3900 @2.8 GHZ</p>
                        <p>内存&nbsp;&nbsp;4GB DDR4</p>
                        <p>硬盘&nbsp;&nbsp;60G SSD 或者 16G U盘</p>
                        <p>冷却&nbsp;&nbsp;空气对流,无需额外风扇</p>
                        <p>系统&nbsp;&nbsp;Windows 10 x64 / Ubuntu 16.04 x64</p>
                    </div>
                </div>
                <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
                    <div class="tab-content_title">
                        <div class="tab-content_title2">
                            付款方式
                        </div>
                    </div>
                    <div class="tab-content_content">
                        线下付款
                    </div>
                </div>
                <div class="tab-pane fade" id="nav-shop" role="tabpanel" aria-labelledby="nav-shop-tab">
                    <div class="tab-content_title">
                        <div class="tab-content_title2">
                            售后政策
                        </div>
                    </div>
                    <div class="tab-content_content">
                        在收到部署完成邮件通知后，请进入官方微信群或者QQ群。关于您矿机的监管和报修等都在群内完成.
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<!--中间内容结束-->

<!--底部内容开始-->
<div style="width: 100%;background: #e4e4e7;padding-top: 28px">
    <div class="container">
        <div class="footer_top">
            <ul>
                <li class="footer_top_title">服务</li>
                <li><a href="">常见问题</a></li>
                <li><a href="">区块链浏览器</a></li>
            </ul>
            <ul>
                <li class="footer_top_title">注意事项</li>
                <li><a href="">ETH挖矿机入门教程</a></li>
                <li><a href="">如何查看自己的收益</a></li>
                <li><a href="">如何设置掉线、转账提醒</a></li>
            </ul>
            <ul>
                <li class="footer_top_title">服务热线</li>
                <li style="font-size: 24px;color: #6c6c6c">4008-500-700<span class="phone_line">|</span></li>
            </ul>
            <ul>
                <li class="footer_top_img">
                    <img src="../img/weibo.png" alt="">
                    <img src="../img/wecat.png" alt="">
                    <img src="../img/headset.png" alt="">
                </li>
                <li><a href="">Kefu@swzh.com</a></li>
            </ul>
            <div>
                <img src="../img/code.jpg" alt="">
                <p style="font-size: 16px;color: #6c6c6c;text-align: center;margin-top: 8px">扫一扫
                    关注我们</p>
            </div>
        </div>
    </div>
</div>
<div style="width: 100%; background: #48474a">
    <div class="container">
        <div class="footer_bottom">
            <div style="border: 1px solid #fff;border-radius: 12px;width: 12px;height: 12px;text-align: center;line-height: 9px">c</div>
            <span>&nbsp 2018 &nbsp iobox &nbsp All &nbsp rights &nbsp reserved &nbsp 成都嗒嗒嗒信息技术有限公司</span>
            <img src="../img/polic_.png" alt="">
            <span style="margin-left: 10px">蜀ICP备16018741号-2</span>
            <img src="../img/qytb1_hui.png" alt="">
            <img src="../img/qytb2_hui.png" alt="">
            <img src="../img/qytb3_hui.png" alt="">
        </div>
    </div>
</div>
<!--底部内容结束-->
<script>
//    alert(window.location.search.split('=')[1]);//?/id=0
//    if(window.location.search.split('=')[1]===1){
//    }
    $(document).ready(function () {
        $('.subtract').click(function () {
            $('.input_value').val(parseInt($('.input_value').val()) - 1 > 1 ? parseInt($('.input_value').val()) - 1 : 1)
        });
        $('.add').click(function () {
            $('.input_value').val(parseInt($('.input_value').val()) + 1)
        });
        $('.show_card div').eq(0).css('border-color','#FF0036');
        $('.show_card').on('click','div',function (e) {
            $('.show_card div').css('border-color','#d1ecf1');
            $(this).css('border-color','#FF0036');
           //$("#61dh a").css('color','#123456');
        })
        $('.button').click(function () {
            //获取到单选框（显卡）的值
            console.log('=='+$(".show_card div.c").text());
            window.location.href = "shop_item_confim.html";
        })
        $('.aaa').on('mouseover','img',function () {

            $('.show_dig').attr('src',$(this)[0].src);
        })
    })
</script>
</body>
</html>